<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="css/font-awesome.css">
    <link rel="stylesheet" href="css/icon.css">
  </head>
  <body>
    
    <!-- React app container -->
    <div id="app-container"></div>
    <!-- end of app container -->
    
    <script>
        (function() {
            // runtime checking.
            window._runtime = 'browser';
            if (window.process) {
                window._runtime = 'electron';
                // if we are in electron, prepare for electron env
                window.electron = require('electron');
            } else if (window.cordova) {
                window._runtime = 'cordova';
            }
            // dynamic script loading
            function loadScript(src) {
                var appScript= document.createElement("script");
                appScript.type = "text/javascript";
                appScript.src = src;
                document.body.appendChild(appScript);
            }
            if (window._runtime == 'cordova') {
                document.addEventListener('deviceready', function() {
                    loadScript('bundle.js');
                });
            } else {
                loadScript('bundle.js');
            }
        })();
    </script>
  </body>
</html>
